<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>{{Lesson Name}}</title>

	<link rel="stylesheet" type="text/css" href="skin/theme.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="skin/deck.css" media="screen" />
	<script type="text/javascript" src="lib/jquery-1.6.3.min.js"></script>
	<script type="text/javascript" src="lib/deck-min.js"></script>
	
	<!-- Include Super Simple Skin -->
	<script type="text/javascript" src="lib/Navigation.js"></script>
	<link rel="stylesheet" type="text/css" href="lib/Navigation.css" media="screen" />
	
    <script type="text/javascript" src="lib/jquery.mousewheel.min.js"></script>
	
</head>
<body>	                        		         

<div id="wt_container">
		<span class="objective">{{Course Name}}</span>
		<span class="site-title"><img src="skin/logo.jpg" alt="" /></span>       
        
    	<div id="wt_content">
        	<h1 class="lesson-title">{{Lesson Name}}</h1>                      
            <div id="lesson-summary">            	
                <p>{{lesson_summary}}</p>				
			</div>		
			
<div class="skin">
	<dl class="slidedeck">
	
	<dt></dt>
	<dd>
		<img src="images/img-1.png" />		
	</dd>
	
	<dt></dt>
	<dd>
		<img src="images/img-2.png" />		
	</dd>
	
	<dt></dt>
	<dd>
		<img src="images/img-3.png" />		
	</dd>
	
	<dt></dt>
	<dd>
		<img src="images/img-4.png" />		
	</dd>
	
	<dt></dt>
	<dd>
		<img src="images/img-5.png" />		
	</dd>
	
	<dt class="toc"></dt>
	<dd class="toc"></dd>
	    
	</dl>		<!-- end of deck -->                                                                                         
<center>
<span style="margin-bottom: 5px;">
<a id="audio" style="display:block; vertical-align: top; width:400px;height:24px;" href="audio/audio.mp3"></a>
</span>
</center>

</div>          <!-- end of skin div -->
			
										
		<br/><br/>		
<div class="lesson">           			
		<h2>Voice Text</h2>
		<p>This is an Image Slide. We can use Cue points to sync image with Audio.</p>
		<p>This is a Text Slide. The text slides are mostly composed of Heading and Text.</p>
		<p>You can use Syntax Highlighter to place code on Slides. We can use Java or XML brushes for Syntax highlighter.The Syntax highlighter is fully configurable.</p>
		<p>We can also put Heading for the Image.</p>
		<p>We can comine image and text to convey our ideas.</p>
</div>
		
	</div> <!-- End of wt_content-->
<!--<p>Footer</p>-->
</div> <!-- End of wt_container-->

<script type="text/javascript">
		var myDeck = $('.slidedeck').slidedeck({
			 hideSpines: true,
			 index: false,
			 speed: 100, // one second for the sliding to complete
			 scroll: true   // Allow mousewheel scrolling
		});
</script>

</body>
</html>
